<!--选项的树形结构在ButtonClick函数里解决掉。
switch的每一个case解决一个选项结点的问题。
每一个button命名为button1, button2, button3, ..., button n。

以后再考虑从脚本中读取。-->
<html>
   <head>
		<meta charset="utf-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
		<link rel="stylesheet" href="style.css">
		<title>样例</title>
    </head>
	<body>
	<div class="container">
		<header>
			<div style="display:inline-block;width=auto">
				<ul style="margin-left:50">  
					<li style="font-size:25;font-weight:bold;width:auto;color:#705070">重面春太涩谷奇遇</li>
					<li>[21:40]涩谷 S塔</li>
				</ul>
			</div>
			<div class="tech"></div>
		</header>
		<div id="mainc" class="mainc">
			<div style="margin-bottom:50px;height:115px"></div>
			<div class="SceneImg" style="width:100%">
				<div style="border:2px solid #DDDDDD;width:80%;margin:0 auto;left:20;right: 20;"><img src="img2.jpg" style="width:100%"/></div>
				<p style="margin-left:5px;color:#AAAAAA">S塔。视野中最高的建筑。适合……</p>
				<hr>
			</div>
		</div>
		<hr style="margin-top: 10px;" class="mainc">
		<footer style="text-align:center;padding-top:200px;margin-bottom:30px">
			<hr>
			<p>重面春太的奇妙冒险project (2021)&nbsp;&nbsp;&nbsp;&nbsp;<br>设计剧情or单纯吐槽：QQ群951698005</p>
		</footer>
	</div>
	</body>
	<script defer src="jscript.js"></script>
	<script defer>
		
	</script>
</html>